<template>
<button class="xm-button" @click="showFontSize">{{text}}</button>
</template>
<script>
  export default{
    name: 'NbButton',
    props: {
      text: String
    },

  methods: {
    showFontSize() {
      // 改变.xm-button字体大
      this.$el.style.fontSize = '30px';
    }
  }
  }
</script>
<style>
/* 彩红背景颜色的按钮 */
.xm-button{
  background-color: red;
}
</style>
